.appfooterWrapper {
  position: relative;
  height: 325px;
  overflow: hidden;
  border-top: 1px solid rgb(211, 211, 211);
  background: rgb(242, 242, 242);
  display: flex;
}

.appfooterContentWrapper {
  height: 231px;
  margin: 36px auto !important;
  
  .enters {
    height: 71px;
    display: flex;
    margin-left: 70px;
    
    .enter {
      width: 45px;
      margin-right: 70px;
    }
    
    a {
      display: inline-block;
      width: 45px;
      height: 45px;
      background-size: 220px 220px;
      margin-left: 27px;
    }
    
    span {
      display: inline-block;
      width: 100px;
      text-align: center;
      margin-top: 10px;
      color: rgba(0, 0, 0, 0.5);
    }
    
    .icon_1 {
      background-position: -170px -5px;
      &:hover {
        background-position: -5px -115px;
      }
    }
    
    .icon_2 {
      background-position: -5px -170px;
      &:hover {
        background-position: -60px -170px;
      }
    }
    
    .icon_3 {
      background-image: url('/assets/img/xStudio.png');
      background-size: 45px;
      &:hover {
        background-image: url('/assets/img/xStudioHover.png');
      }
    }
    
    .icon_4 {
      background-position: -60px -60px;
      &:hover {
        background-position: -115px -5px;
      }
    }
    
    .icon_5 {
      background-image: url('/assets/img/aiLogo.png');
      background-size: 45px;
      &:hover {
        background-image: url('/assets/img/aiLogoHover.png');
      }
    }
    
    .icon_6 {
      background-image: url('/assets/img/cloudSong.png');
      background-size: 45px;
      &:hover {
        background-image: url('/assets/img/cloudSongHover.png');
      }
    }
    
    .icon_7 {
      background-position: -170px -115px;
      &:hover {
        background-position: -60px -115px;
      }
    }
  }
  
  .copy {
    margin-top: 70px;
    text-align: center;
    
    span {
      color: #666666;
    }
    
    > p {
      margin-bottom: 10px;
    }
    
    .link {
      a {
        color: #666;
      }
      
      span {
        color: #d9d9d9;
        margin: 0 10px 0 10px;
      }
    }
    
    .en_right {
      span {
        margin-left: 10px;
      }
    }
  }
} 